<template>
	<view>
		<view class="home-basic">
			<view class="layout">
				<view class="home-basic-icon">
					<image src="/static/logo.png"></image>
				</view>
				<view class="home-basic-text">
					<view>哪时此刻</view>
					<view>18712398601</view>
				</view>
			</view>
		</view>
		
		<view class="home-wallet">
			<view>
				<view class="layout">
					<view>
						<view>优惠卷</view>
						<view>0</view>
					</view>
					<view>
						<view>钱包</view>
						<view>0</view>
					</view>
					<view>
						<view>积分</view>
						<view>0</view>
					</view>
				</view>
			</view>
			<view>
				<view class="layout">
					<view>充值</view>
				</view>
			</view>
		</view>
		
		<view class="home-program">
			<view class="layout">
				<view class="home-program-item">
					<view class="home-program-item-icon">
						<image src="/static/logo.png"></image>
					</view>
					<view class="home-program-item-text">会员卡</view>
				</view>
				<view class="home-program-item">
					<view class="home-program-item-icon">
						<image src="/static/logo.png"></image>
					</view>
					<view class="home-program-item-text">我的优惠卷</view>
				</view>
				<view class="home-program-item">
					<view class="home-program-item-icon">
						<image src="/static/logo.png"></image>
					</view>
					<view class="home-program-item-text">订单</view>
				</view>
				<view class="home-program-item">
					<view class="home-program-item-icon">
						<image src="/static/logo.png"></image>
					</view>
					<view class="home-program-item-text">设置</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

.home-basic { margin: 50rpx auto; width: 660rpx; margin-top: 80px; margin-bottom: 60rpx;}	
.home-basic-icon { width: 100rpx; height: 100rpx; }
.home-basic-icon image { border-radius: 100rpx;}
.home-basic-text { width: 540rpx; text-align: left; padding-left: 20rpx;}

.home-wallet { width: 660rpx; height: 300rpx; margin: 0 auto; background: #fff; padding: 30rpx 20rpx; border-radius: 20rpx; }

.home-program { width: 660rpx; margin: 0 auto; background: #fff; padding: 30rpx 20rpx; border-radius: 20rpx; }
.home-program { margin-top: 20rpx;}

.home-program-item { width: 165rpx; }
.home-program-item-icon { width: 40rpx; height: 40rpx; margin: 0 auto; }
.home-program-item-text { padding-top: 20rpx; text-align: center; }
</style>
